iT邦幫忙

2022 iThome 鐵人賽

DAY 15
1

兩份資料,需置中整齊排列,深色底白字,要有下底線,要隨視窗大小伸縮進行調整,用flex簡單排版:

   <div class="end2">
        <div class="name">
            Free game <br> Gerbee / Austria / Sweetcamer <br>
            +886 012 345 678 <br>ggst@ramisgod.de
        </div>
        <div class="name2">Service <br>
            About me <br>
            FAQ <br>
            Sustainability <br>
            Team <br>
            Jobs <br>
            Terms and conditions / Privacy <br>
            Imprint / Contact</div>

    </div>

.end2 {
    height: 400px;
    width: 100%;
    background-color: rgb(65, 49, 49);

    display: flex;
    flex-wrap: wrap;


    justify-content: center;
    flex-direction: row;
    align-content: flex-start;

}

.name {
    height: 200px;
    width: 25%;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);

}
.name2 {
    height: 200px;
    width: 25%;
    color: rgb(255, 251, 251);
    border-bottom: 1px solid rgb(255, 255, 255);

}

上一篇
<DAY 14><HTML>測試API 連接本地JSON檔 JSON-SEVER
下一篇
<DAY16>JSON-SERVER 多支檔案
系列文
九局下半的學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言